<template>
  <div>
    <!-- 添加按钮 -->
    <el-button @click="willAdd" type="primary">添加</el-button>
    <!-- 表格 -->

    <list-vue @willUpdate="willUpdate" :arr="arr" @init="getlist"></list-vue>
    <!-- 弹框 -->
    <form-vue :info="info" :arr="arr" @init="getlist" ref="form"></form-vue>
  </div>
</template>
<script>
import { mapGetters, mapActions } from "vuex";
import listVue from "./components/list.vue";
import formVue from "./components/form.vue";
import { reqmenulist } from '../../http/api';
import { toggle } from '../../mixins';
export default {
  components: {
    listVue,
    formVue
  },
  mixins:[toggle],
  data() {
    return {
      arr:[]
    };
  },
  computed: {
    ...mapGetters({})
  },
  mounted() {
    this.getlist()
  },
  methods: {
    ...mapActions({}),
    getlist(){
      reqmenulist({istree:true}).then(res=>{
        if(res.data.code===200){
          this.arr = res.data.list?res.data.list:[];
        }
      })
    },
    
  }
};
</script>
<style scoped lang='less'>
@import "../../less/index.less";
</style>